<template>
	<div class="videoDetails-wrapper">
		<div class="news-title">
			{{
				videoDetails.title||''
			}}
		</div>
		<div class="news-fun">
			<div class="news-author">
				玛沁公安
			</div>
			<div class="news-time">
				{{videoDetails.time||''}}
			</div>
			<div class="news-address">
				青海
			</div>
		</div>

		<div class="news-video">
			<video class="my-video" :src="videoDetails.description"></video>
		</div>

		<div class="news-content">
			{{videoDetails.context}}
		</div>

	</div>
</template>
<script>
	import {
		getNewsList
	} from "@/common/api.js";
	export default {
		data() {
			return {
				queryParams: {
					pageNum: 1,
					pageSize: 10,
				},
				allPages: 0,
				list: [],

				backUrl: 'http://wxai.cmqps.xyz:8090',

				videoDetails: {

				}

			}
		},
		created() {
			this.init()
		},
		methods: {
			init() {

				this.videoDetails = JSON.parse(uni.getStorageSync("videoDetails"));
				console.log("this.videoDetails", this.videoDetails);


			},


		}
	}
</script>

<style lang="scss">
	.videoDetails-wrapper{
		padding-bottom: 30rpx;
	}
	.news-title{
		padding: 40rpx 20rpx 20rpx;
		color: #000;
		font-size: 40rpx;
		line-height: 60rpx;
	}
	.news-fun{
		display: flex;
		align-items: center;
		padding: 0 20rpx;
		.news-author{
			color: #697B93;
			font-size: 28rpx;
		}
		.news-time{
			padding: 0 15rpx;
		}
		.news-address,
		.news-time{
			color: #666;
			font-size: 28rpx;
		}
	}
	.news-video{
		margin: 40rpx auto;
		    text-align: center;
		.my-video{
			    width: 100%;
			    border-radius: 8rpx;
			    overflow: hidden;
		}
	}
	.news-content{
		color: #191919;
		font-size: 32rpx;
		line-height: 56rpx;
		padding: 0 15rpx;
		margin: 30rpx auto 0;
	}
</style>